<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		
        <title>Pecozo - Digital Marketplace HTML Template</title>
		
        <!-- All Plugins Css -->
        <link href="assets/css/plugins.css" rel="stylesheet">
		 

        <!-- Custom CSS -->
        <link href="assets/css/styles.css" rel="stylesheet">
    </head>
	
    <body class="blue-skin">
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->
        <div class="Loader"></div>
		
        <!-- ============================================================== -->
        <!-- Main wrapper - style you can find in pages.scss -->
        <!-- ============================================================== -->
        <div id="main-wrapper">
		
            <!-- ============================================================== -->
            <!-- Top header  -->
            <!-- ============================================================== -->
            <!-- Start Navigation -->
			<div class="header header-light">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12">
							<nav id="navigation" class="navigation navigation-landscape">
								<div class="nav-header">
									<a class="nav-brand" href="#">
										<img src="assets/img/logo.png" class="logo" alt="" />
									</a>
									<div class="nav-toggle"></div>
								</div>
								<div class="nav-menus-wrapper">
									<ul class="nav-menu">
									
										<li><a href="index.html">主页<span class="submenu-indicator"></span></a>
										</li>
										
										<li><a href="study.html">学习主题<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="item-detail.html">Java</a></li>   
												<li><a href="item-detail.html">Java Script</a></li>
												<li><a href="item-detail.html">C</a></li>
												<li><a href="item-detail.html">C#</a></li>
												<li><a href="item-detail.html">C++</a></li>
												<li><a href="item-detail.html">Python</a></li>
											</ul>
										</li>
										<li class="active"><a href="reviews.html">精品文章</a></li>
										<li><a href="faq.html">问题与解答</a></li>
										<li><a href="#">金牌讲师<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="dashboard.html">mxt</a></li> 
											</ul>
										</li>
										<li><a href="#">其他<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="about.html">关于我们</a></li>
												<li><a href="login.html">登录</a></li>
												<li><a href="signup.html">注册</a></li>
												<li><a href="wallets.html">数据表</a></li>
												<li><a href="user.html">个人信息</a></li>
											</ul>
										</li>
									</ul>
									<ul class="nav-menu nav-menu-social align-to-right">
										<li class="add-listing green-bg">
											<a href="#" data-toggle="modal" data-target="#login">
												 <i class="ti-user mr-1"></i> 登录
											</a>
										</li>
									</ul>
								</div>
							</nav>
						</div>
					</div>
				</div>
			</div>
			<!-- End Navigation -->
			<div class="clearfix"></div>
			<!-- ============================================================== -->
			<!-- Top header  -->
			<!-- ============================================================== -->
			
			<!-- ============================ Dashboard Header Start================================== -->
			<div class="_agt_dash dark" style="background:#675bca url(assets/img/tag-light.png) no-repeat;">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12">

							<div class="dash_hyu76">
								<div class="dash_hyu74">
									<div class="dash_hyu72">
										<img src="assets/img/logos.png" class="img-fluid" alt="" />
									</div>
									<div class="dash_hyu71">
										<h4 class="_hyu71_title">Digital Studio</h4>
										<span>Member Since Dec 2010 USA</span>
										<div class="_hyu71_button">
											<a href="#" class="_njy_likes">Portfolio</a>
										</div>
									</div>				
								</div>
								<div class="dash_hyu75">
									<div class="_hyu75">
										<h4>302</h4>
										<span>Total Sales</span>
									</div>
									<div class="_hyu75_1">
										<div class="_iju7_reviw">
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star"></i>
											<span>(102 Reviews)</span>
										</div>
										<span>Author Rattings</span>	
									</div>					
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!-- ========================== Dashboard Elements ============================= -->
			<section class="gray-light">
				<div class="container">
					<div class="row">
					
						<div class="col-lg-8 col-md-12 col-sm-12">
							<div class="_the_capt5t">
									
								<!-- Single Reviews -->
								<div class="single_re457">
									<div class="s98_re457">
										<div class="s98_re452">
											<a href="item-detail.html" class="_il64gt">Jobvivo - Responsive Job Board HTML Template</a>
										</div>
										<div class="s98_re453">
											<div>By <a href="#" class="_ujto9">Digital Aim</a></div>
										</div>	
									</div>
									<div class="s98_re457_full">
										<h4 class="_ju1m09">For Design Quality</h4>
										<p>The design is very cool and modern and support is very fast and friendly. Many many thanks dear team</p>
										<div class="_iju7_reviw">
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
										</div>
									</div>
									<div class="s98_re457_reply">
										<div class="_reply9iu8">
											<img src="assets/img/logos.png" class="img-fluid" alt="">
										</div>
										<div class="_reply9iu7">
											<h4 class="_8ujh64">Author response</h4>
											<p>Hello Dear,</p>
											<p>Thank You Very Much Dear</p>
										</div>
									</div>
								</div>
								
								<!-- Single Reviews -->
								<div class="single_re457">
									<div class="s98_re457">
										<div class="s98_re452">
											<a href="item-detail.html" class="_il64gt">Jobvivo - Responsive Job Board HTML Template</a>
										</div>
										<div class="s98_re453">
											<div>By <a href="#" class="_ujto9">Digital Aim</a></div>
										</div>	
									</div>
									<div class="s98_re457_full">
										<h4 class="_ju1m09">For Design Quality</h4>
										<p>The design is very cool and modern and support is very fast and friendly. Many many thanks dear team</p>
										<div class="_iju7_reviw">
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
										</div>
									</div>
									<div class="s98_re457_reply">
										<div class="_reply9iu8">
											<img src="assets/img/logos.png" class="img-fluid" alt="">
										</div>
										<div class="_reply9iu7">
											<h4 class="_8ujh64">Author response</h4>
											<p>Hello Dear,</p>
											<p>Thank You Very Much Dear</p>
										</div>
									</div>
								</div>
								
								<!-- Single Reviews -->
								<div class="single_re457">
									<div class="s98_re457">
										<div class="s98_re452">
											<a href="item-detail.html" class="_il64gt">Jobvivo - Responsive Job Board HTML Template</a>
										</div>
										<div class="s98_re453">
											<div>By <a href="#" class="_ujto9">Digital Aim</a></div>
										</div>	
									</div>
									<div class="s98_re457_full">
										<h4 class="_ju1m09">For Design Quality</h4>
										<p>The design is very cool and modern and support is very fast and friendly. Many many thanks dear team</p>
										<div class="_iju7_reviw">
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
										</div>
									</div>
									<div class="s98_re457_reply">
										<div class="_reply9iu8">
											<img src="assets/img/logos.png" class="img-fluid" alt="">
										</div>
										<div class="_reply9iu7">
											<h4 class="_8ujh64">Author response</h4>
											<p>Hello Dear,</p>
											<p>Thank You Very Much Dear</p>
										</div>
									</div>
								</div>
								
								<!-- Single Reviews -->
								<div class="single_re457">
									<div class="s98_re457">
										<div class="s98_re452">
											<a href="item-detail.html" class="_il64gt">Jobvivo - Responsive Job Board HTML Template</a>
										</div>
										<div class="s98_re453">
											<div>By <a href="#" class="_ujto9">Digital Aim</a></div>
										</div>	
									</div>
									<div class="s98_re457_full">
										<h4 class="_ju1m09">For Design Quality</h4>
										<p>The design is very cool and modern and support is very fast and friendly. Many many thanks dear team</p>
										<div class="_iju7_reviw">
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
										</div>
									</div>
									<div class="s98_re457_reply">
										<div class="_reply9iu8">
											<img src="assets/img/logos.png" class="img-fluid" alt="">
										</div>
										<div class="_reply9iu7">
											<h4 class="_8ujh64">Author response</h4>
											<p>Hello Dear,</p>
											<p>Thank You Very Much Dear</p>
										</div>
									</div>
								</div>
								<!-- Single Reviews -->
								<div class="single_re457">
									<div class="s98_re457">
										<div class="s98_re452">
											<a href="item-detail.html" class="_il64gt">Jobvivo - Responsive Job Board HTML Template</a>
										</div>
										<div class="s98_re453">
											<div>By <a href="#" class="_ujto9">Digital Aim</a></div>
										</div>	
									</div>
									<div class="s98_re457_full">
										<h4 class="_ju1m09">For Design Quality</h4>
										<p>The design is very cool and modern and support is very fast and friendly. Many many thanks dear team</p>
										<div class="_iju7_reviw">
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
										</div>
									</div>
									<div class="s98_re457_reply">
										<div class="_reply9iu8">
											<img src="assets/img/logos.png" class="img-fluid" alt="">
										</div>
										<div class="_reply9iu7">
											<h4 class="_8ujh64">Author response</h4>
											<p>Hello Dear,</p>
											<p>Thank You Very Much Dear</p>
										</div>
									</div>
								</div>

							</div>
						</div>
						
						<div class="col-lg-4 col-md-12 col-sm-12">
							<!-- Single Author Info -->
							<div class="urip_widget_wrap shadow_0 large mb-4">
								<div class="urip_widget_avater">
									<a href="author-portfolio.html"><img src="assets/img/author.png" class="img-fluid circle" alt=""></a>
									<div class="veryfied_author"><img src="assets/img/verified.svg" class="img-fluid" width="15" alt=""></div>
								</div>
								<div class="widget_avater_124">
									<h4 class="avater_name_214"><a href="author-portfolio.html">Digital Studio</a></h4>
									<span>Member since Sep 2016</span>
								</div>
								<div class="widget_avater_124">
									<ul class="auhor_list_badges">
										<li><img src="assets/img/golden.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/1st.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/2year.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/3year.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/platinum.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/green-elite.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/gold-medal.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/smart.svg" class="img-avater rounded" width="40" alt=""></li>
									</ul>
								</div>
								<div class="widget_lkpi">
									<ul class="auhor_info_list_215">
										<li><div class="urip_jbl"><span class="count">102</span>K</div><span class="smallest">Sales</span></li>
										<li><div class="urip_jbl urip_rates good">4.7</div><span class="smallest">42Reviews</span></li>
										<li><div class="urip_jbl">152</div><span class="smallest">Comments</span></li>
									</ul>
								</div>
								<div class="widget_avater_423">
									<a href="author-portfolio.html" class="link_portfolio">Hire Now</a>	
								</div>
							</div>
							
							<!-- Contact Author -->
							<div class="urip_widget_wrap shadow_0 mb-4">
							
								<div class="urip_widget_header bg__2">
									<h4>Contact Author</h4>
									<span>Drop a message to author</span>
								</div>
								
								<div class="urip_widget_body">
									<div class="wid_bghbody simple_uyt">
										<div class="form-group">
											<label>From</label>
											<input type="text" class="form-control" value="themezhub@gmail.com" disabled>
										</div>
										<div class="form-group">
											<label>Message</label>
											<textarea name="message" class="form-control" class="ht-80" placeholder="Type Message"></textarea>
										</div>
										<div class="form-group">
											<div class="widget_avater_423 p-0">
												<button type="submit" class="link_portfolio">Send Message</button>	
											</div>
										</div>
									</div>
								</div>
							</div>
							
							<!-- Social Profiles -->
							<div class="lit98_jhy">
								<ul class="socil_uyh">
									<li><a href="javascript:void(0);" class="fb"><i class="fa fa-facebook"></i></a></li>
									<li><a href="javascript:void(0);" class="drb"><i class="fa fa-dribbble"></i></a></li>
									<li><a href="javascript:void(0);" class="twt"><i class="fa fa-twitter"></i></a></li>
									<li><a href="javascript:void(0);" class="ins"><i class="fa fa-instagram"></i></a></li>
									<li><a href="javascript:void(0);" class="be"><i class="fa fa-behance"></i></a></li>
									<li><a href="javascript:void(0);" class="pin"><i class="fa fa-pinterest"></i></a></li>
									<li><a href="javascript:void(0);" class="sk"><i class="fa fa-skype"></i></a></li>
									<li><a href="javascript:void(0);" class="gp"><i class="fa fa-google-plus"></i></a></li>
									<li><a href="javascript:void(0);" class="tum"><i class="fa fa-tumblr"></i></a></li>
								</ul>
							</div>
							
						</div>
						
					</div>
				</div>
			</section>
			<!-- ========================== Dashboard Elements ============================= -->
			
			<!-- ============================ Call To Action Start ================================== -->
			<section class="call-to-act" style="background:#5d47dd url(assets/img/landing-bg.png) no-repeat">
				<div class="container">
					<div class="row justify-content-center">
					
						<div class="col-lg-7 col-md-8">
							<div class="clt-caption text-center mb-4">
								<h3>Subscribe Now!</h3>
								<p>Simple pricing plans. Unlimited web maintenance service</p>
							</div>
							<div class="inner-flexible-box subscribe-box">
								<div class="input-group">
									<input type="text" class="form-control large" placeholder="Enter your mail here">
									<button class="btn btn-subscribe" type="button"><i class="fa fa-arrow-right"></i></button>
								</div>
							</div>
						</div>				
					</div>
				</div>
			</section>
			<!-- ============================ Call To Action End ================================== -->
			
			<!-- =========================== Footer Start ========================================= -->
			<footer class="dark-footer skin-dark-footer">
				<div>
					<div class="container">
						<div class="row">
							
							<div class="col-lg-4 col-md-6">
								<div class="footer-widget">
									<img src="assets/img/logo-light.png" class="img-fluid f-logo" width="120" alt="">
									<p>407-472 Rue Saint-Sulpice, Montreal<br>Quebec, H2Y 2V8</p>
									<ul class="footer-bottom-social">
										<li><a href="#"><i class="ti-facebook"></i></a></li>
										<li><a href="#"><i class="ti-twitter"></i></a></li>
										<li><a href="#"><i class="ti-instagram"></i></a></li>
										<li><a href="#"><i class="ti-linkedin"></i></a></li>
									</ul>
								</div>
							</div>		
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="about.html">About Us</a></li>
										<li><a href="faq.html">FAQs Page</a></li>
										<li><a href="billing.html">Checkout</a></li>
										<li><a href="login.html">Login</a></li>
									</ul>
								</div>
							</div>
							
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Developers</h4>
									<ul class="footer-menu">
										<li><a href="#">Booking</a></li>
										<li><a href="#l">Stays</a></li>
										<li><a href="#">Adventures</a></li>
										<li><a href="#">Author Detail</a></li>
									</ul>
								</div>
							</div>
							
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="about.html">About Us</a></li>
										<li><a href="faq.html">Jobs</a></li>
										<li><a href="#">Events</a></li>
										<li><a href="#">Press</a></li>
									</ul>
								</div>
							</div>
									
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="#">Support</a></li>
										<li><a href="contact.html">Contact Us</a></li>
										<li><a href="#">Privacy &amp; Terms</a></li>
									</ul>
								</div>
							</div>
							
						</div>
					</div>
				</div>
				
				<div class="footer-bottom">
					<div class="container">
						<div class="row align-items-center">
							
							<div class="col-lg-12 col-md-12 text-center">
								<p class="mb-0">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
							</div>
							
						</div>
					</div>
				</div>
			</footer>
			<!-- =========================== Footer End ========================================= -->
			
			<!-- Switcher Start -->
			<div class="w3-ch-sideBar w3-bar-block w3-card-2 w3-animate-right"  style="display:none;right:0;" id="rightMenu">
				<div class="_oli987">
					<h4 class="cart_heading">Your cart</h4>
					<button onclick="closeRightMenu()" class="w3-bar-item w3-button w3-large"><i class="ti-close"></i></button>
				</div>
				<div class="rightMenu-scroll">
					<div class="right-ch-sideBar" id="side-scroll">
						
						<div class="cart_select_items">
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-4.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">Orio - Online Multipurpose WordPress Theme</h4>
									<span class="numberof_item">$59</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-3.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">LearnUp - Online LMS WordPress Theme</h4>
									<span class="numberof_item">$39</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-2.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">Cario - Digital WordPress Theme</h4>
									<span class="numberof_item">$15x2</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
						</div>
						
						<div class="cart_subtotal">
							<h6>Subtotal<span class="theme-cl">$120.47</span></h6>
						</div>
						
						<div class="cart_action">
							<ul>
								<li><a href="" class="btn btn_checkout">Checkout Now</a></li>
							</ul>
						</div>
						
					</div>
				</div>
			</div>
			
			<!-- Log In Modal -->
			<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="registermodal" aria-hidden="true">
				<div class="modal-dialog modal-dialog-centered login-pop-form" role="document">
					<div class="modal-content" id="registermodal">
						<div class="modal-header">
							<h4>Close Window</h4>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="ti-close"></i></span></button>
						</div>
						<div class="modal-body">
							<h4 class="modal-header-title">Sign <span class="theme-cl">In</span></h4>
							
							<div class="login-form">
								<form>
								
									<div class="form-group">
										<label>User Name</label>
										<div class="input-with-gray light">
											<input type="text" class="form-control" placeholder="Username">
										</div>
									</div>
									
									<div class="form-group">
										<label>Password</label>
										<div class="input-with-gray light">
											<input type="password" class="form-control" placeholder="*******">
										</div>
									</div>
									
									<div class="form-group">
										<button type="submit" class="btn theme-bg btn-md full-width pop-login">Login</button>
									</div>
								
								</form>
							</div>
							
							<div class="form-group text-center">
								<span>Or Signup with</span>
							</div>
							
							<div class="social_logs mb-4">
								<ul>
									<li class="fb-login"><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li class="gp-login"><a href="#"><i class="fa fa-google-plus"></i></a></li>
									<li class="ln-login"><a href="#"><i class="fa fa-linkedin"></i></a></li>
								</ul>
							</div>
							
						</div>
						<div class="modal-footer">
							<div class="mf-link"><i class="ti-user"></i>Haven't An Account?<a href="javascript:void(0)" class="theme-cl"> Sign Up</a></div>
							<div class="mf-forget"><a href="#"><i class="ti-help"></i>Forget Password</a></div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Modal -->			

		</div>
		<!-- ============================================================== -->
		<!-- End Wrapper -->
		<!-- ============================================================== -->

		<!-- ============================================================== -->
		<!-- All Jquery -->
		<!-- ============================================================== -->
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/select2.min.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/ion.rangeSlider.min.js"></script>
		<script src="assets/js/counterup.min.js"></script>
		<script src="assets/js/custom.js"></script>
		<!-- ============================================================== -->
		<!-- This page plugins -->
		<!-- ============================================================== -->
		
		<script>
			function openRightMenu() {
				document.getElementById("rightMenu").style.display = "block";
			}
			function closeRightMenu() {
				document.getElementById("rightMenu").style.display = "none";
			}
		</script>
		
	</body>
</html>